@charset "utf-8";

/*	-------------------------------------------------------------
	Lovely CSS - A CSS framework by Constantinos Demetriadis
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	URL:			www.ohmylovely.com/css-framework/
	Description:	Vertically centered DIV
	Author:			Constantinos Demetriadis
	Description:	Automatically centers the grid container div
					vertically and horizontally in any page,
					using pure CSS.

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	SVN Repository Info

	$Id: plg.centered.css 189 2009-02-20 17:24:52Z cdemetriadis $
	$URL: http://lovely-css.googlecode.com/svn/tags/version-0.9.2/lovely-css/plug-ins/plg.centered.css $
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Installation
	
	Add this line in your HTML:
		@import url("lovely-css/plug-ins/plg.centered.css");
		
	Add this to your css file (_tpl.screen.css);
		.gridContainer {
			width: 960px;
			height: 550px;
			margin-left: -480px;
			margin-top: -225px; }
			
	Help?
		width		= the width of your container
		height		= the height of your container
		margin-left	= half of your width
		margin-top	= half of your height
	
	*/
	
		html {
			width: 100%;
			height: 100%; }
		
		body {
			text-align: center; }
		
		.gridContainer {
			position: absolute;
			left: 50%;
			top: 50%; }